<template>
  <div class="my-swiper2">
    <van-swipe class="my-swipe" :autoplay="3000" height="150" indicator-color="orangered" @change="onChange">
      <van-swipe-item class="my-swiper-item">
        <van-icon name="chat-o" size="40" />
        <p> 专业，能够充分理解我们的需求，<br> 并且站在我们企业的角度。 </p>
        <p class="title">张总 啄木鸟服饰网络负责人</p>
      </van-swipe-item>
      <van-swipe-item class="my-swiper-item">
        <van-icon name="chat-o" size="40" />
        <p> 专业，能够充分理解我们的需求，<br> 并且站在我们企业的角度。 </p>
        <p class="title">张总 啄木鸟服饰网络负责人</p>
      </van-swipe-item>
      <van-swipe-item class="my-swiper-item">
        <van-icon name="chat-o" size="40" />
        <p> 专业，能够充分理解我们的需求，<br> 并且站在我们企业的角度。 </p>
        <p class="title">张总 啄木鸟服饰网络负责人</p>
      </van-swipe-item>
    </van-swipe>
  </div>
</template>

<script>
export default {
  props: {
    list: {
      type: Array,
      value: [],
    },
  },
  data() {
    return {
      current: 0,
    };
  },
  methods: {
    onChange(index) {
      this.current = index;
    },
  },
};
</script>

<style scoped>
.my-swipe img {
  display: block;
}

.custom-indicator {
  position: absolute;
  right: 5px;
  bottom: 5px;
  padding: 2px 5px;
  font-size: 28px;
  color: #fff;
  background: rgba(0, 0, 0, 0.1);
}


.my-swiper2 {
  background-color: #fff;
  margin: 30px 50px 20px;
  padding: 30px;
}

.my-swiper-item {
  text-align: center;
  line-height: 50px;
  font-size: 30px;
}
.title {
  font-weight: bold;
}
</style>

<style>
  i.van-swipe__indicator {
  background-color: purple ;
}

</style>